<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>双良</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css" />
      <link rel="stylesheet" type="text/css" href="../../css/common.css" />
      <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
      <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
    	<link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
      <link rel="stylesheet" type="text/css" href="../../css/index.css" />
      <style>
          html, body {width: 100%;min-height: 100%;background: #ffffff;}
          .aui-active .aui-bar-tab-label{
            color: #f5a51c
          }


          [v-cloak] {
              display: none;
          }
      </style>
  </head>
  <body style="background:#fefefe;">
    <div id="app" >
      <header id="header_top" class="aui-bar aui-bar-nav aui-bar-light">
        <a class="aui-pull-left" onclick="goback()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">交接选择</div>

      </header>
      <div class="aui-refresh-content  order_inner jiaojie">
            <div class="join_sec1 jiaojie_f1 ">
              <div class="join_sec1_f1">
                <div class="chose_in">
                  <input type="radio" name="radio"><span>选择车辆</span>

                </div>
                  <div class="chose_in"> <input type="radio" name="radio"><span>选择站点</span>  </div>
              </div>

              <div class="license">
                <div class="license_in">
                  <span>
                      <img src="../../image/sou.png" width="100%">
                  </span>
                  <input type="text " placeholder="按车牌号搜索">

                </div>
                <div class="license_in">
                  <span>
                      <img src="../../image/sou.png" width="100%">
                  </span>
                <input type="text " placeholder="按司机姓名搜索">

                </div>



              </div>

              <div class="cargo_ti cargo_ti1">
                <span>提交</span>
              </div>
            </div>

            <div class="join_sec1 jiaojie_f1 jiaojie_f2">
              <div class="informa">
                <h5>车辆信息</h5>
                <p>车型 <span>C类</span></p>
                <p>重量 <span>15吨</span></p>
                <p>载货体积 <span>25m³</span></p>
              </div>
            </div>

            <div class="cargo_ti cargo_ti1 choosed">
              <span>选定车辆</span>
            </div>
      </div>

    </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/utils.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      var header_top = $api.byId('header_top');
      var header_topPos = $api.offset(header_top);

      function goback(){
        api.closeWin();

      }

      function openWinInfo(type){
        api.openFrame({
            name: 'type',
            url: './user_info_list.html',
            rect:{
                x:0,
                y:header_topPos.h,
                w:'auto',
                h:api.frameHeight - (header_topPos.h)
            },
            pageParam: {
                name: 'test'
            }
        });

      }
      apiready = function(){

        $api.fixStatusBar(header_top);




      };

      //刷新
      function setRefresh() {
          var pullRefresh = new auiPullToRefresh({
              container: document.querySelector('.aui-refresh-content'),
              triggerDistance: 100
          }, function(ret) {

              if (ret.status == "success") {
                  setTimeout(function() {
                      pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                  }, 1500)
              }
          })
      }




  </script>
  </html>
